<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<%@ include file="/common/taglibs.jsp"%>
<title><fmt:message key="public.title.index"/> | <fmt:message key="public.title.companyName"/></title>
<%@ include file="/common/meta.jsp"%>
<link href="${ctx}/assets/plugins/bootstrap-datepicker/css/datepicker.css" rel="stylesheet" />
<link href="${ctx}/assets/plugins/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet" />
</head>
<body>
	<%-- <c:redirect url="/user/list.html"/> --%>
	<!-- begin #page-container -->
	<div id="page-container" class="fade">
		<!-- #header -->
		<%@ include file="/common/header.jsp"%>
		<!-- #slider -->
		<%@ include file="/common/slider.jsp"%>

		<!-- begin #content -->
		<div id="content" class="content">
			<!-- begin row -->
			<div class="row">
				<!-- begin col-8 -->
				<div class="col-md-8">
					<div class="panel panel-inverse">
						<div class="panel-heading">
							<div class="panel-heading-btn">
								<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand">
									<i class="fa fa-expand"></i>
								</a>
								<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload">
									<i class="fa fa-repeat"></i>
								</a>
								<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse">
									<i class="fa fa-minus"></i>
								</a>
								<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove">
									<i class="fa fa-times"></i>
								</a>
							</div>
							<h4 class="panel-title"><fmt:message key="sys.welcome"/></h4>
						</div>
						<div class="panel-body">
							<div class="height-sm" data-scrollbar="true">
								<ul class="media-list media-list-with-divider media-messaging">
									<li class="media media-sm">
										<a href="javascript:;" class="pull-left">
											<img src="${ctx}/assets/img/favicon.png" alt="" class="media-object rounded-corner" />
										</a>
										<div class="media-body">
											<fmt:message key="sys.welcome_mini_system"/>
										</div>
									</li>
									<li class="media media-sm">
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- end col-8 -->
				<!-- begin col-4 -->
				<div class="col-md-4">
					<div class="panel panel-inverse">
						<div class="panel-heading">
							<div class="panel-heading-btn">
								<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand">
									<i class="fa fa-expand"></i>
								</a>
								<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload">
									<i class="fa fa-repeat"></i>
								</a>
								<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse">
									<i class="fa fa-minus"></i>
								</a>
								<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove">
									<i class="fa fa-times"></i>
								</a>
							</div>
							<h4 class="panel-title"><fmt:message key="sys.welcome_calendar"></fmt:message></h4>
						</div>
						<div class="panel-body">
							<div id="datepicker-inline" class="datepicker-full-width">
								<div></div>
							</div>
						</div>
					</div>
				</div>
				<!-- end col-4 -->
			</div>
			<!-- end row -->
		</div>
		<!-- end #content -->
	</div>
	<!-- end page container -->

	<%@ include file="/common/footer.jsp"%>
	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="${ctx }/assets/plugins/flot/jquery.flot.min.js"></script>
	<script src="${ctx }/assets/plugins/flot/jquery.flot.time.min.js"></script>
	<script src="${ctx }/assets/plugins/flot/jquery.flot.resize.min.js"></script>
	<script src="${ctx }/assets/plugins/flot/jquery.flot.pie.min.js"></script>
	<script src="${ctx }/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
	<script src="${ctx}/assets/js/dashboard.js" type="text/javascript"></script>
	<!-- END PAGE LEVEL SCRIPTS -->
	<script>
		$(document).ready(function() {
			Dashboard.init();
		});
	</script>
</body>
</html>